<template>
  <div class="h">
      <header class="mui-bar mui-nar-nav">
          <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @click="goback"></a>
          <h1 class="mui-title">{{title}}</h1>
      </header>
  </div>
</template>

<script>
export default {
  data(){
    return {
    }
  },
    props:['title'], //声明接收父组件参数 
    methods:{
        goback(){
            this.$router.go(-1); //根据浏览器记录返回上一次 
        }
    }
}
</script>
<style scoped>
.h{
    height: 44px;
}
.mui-bar{
    position: relative;
}
</style>